.search{
    position: relative;
    .head{
        width: 100%;
        height: 1rem;
        padding: 0.2rem 0.3rem;
        box-sizing: border-box;
        background: #006E55;
        position: sticky;
        left: 0;
        top: 0;
        z-index: 10;
        .con{
            width: 100%;
            height: 100%;
            padding: 0 0.3rem 0 0.2rem;
            box-sizing: border-box;
            border-radius: 0.3rem;
            background: #fff;
            display: flex;
            display: flex;
            justify-content: center;
            img{
                width: 0.3rem;
            }
            input{
                flex: 1;
                border: none;
            }
        }
    }
    .noHot{
        display: none;
    }
    .hot_search{
        padding:0.3rem;
        p{
            width: 100%;
            height: 0.37rem;
            font-size: 0.26rem;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(51,51,51,1);
            line-height: 0.37rem;
        }
        .example{
            display: flex;
            margin-top: 0.3rem;
            span{
                margin-right: 0.3rem;
                margin-bottom: 0.2rem;
                padding: 0.08rem 0.2rem 0.06rem;
                font-size: 0.26rem;
                font-family: PingFangSC-Regular,PingFang SC;
                font-weight: 400;
                color: #858585;
                border: 1px solid #979797;
            }
        }
    }
    .noRecommend{
        display: none;
    }
    .goods_recommend{
        padding:0.3rem;
        .top{
            display: flex;
            flex-wrap: wrap;
            div{
                width: 48.5%;
                margin-bottom: 0.69rem;
                &:nth-child(odd){
                    margin-right: 0.2rem;
                }
                img{
                    width: 100%;
                    border-radius: 0.1rem;
                }  
                p{
                    margin-top: 0.39rem;
                    height: 0.36rem;
                    font-size: 0.28rem;
                    font-weight: bold;
                    color: rgba(51,51,51,1);
                }
                span{
                    margin-top: 0.2rem;
                    height: 0.3rem;
                    font-size: 0.24rem;
                    font-weight: 500;
                    color: #333333;
                }
            }
        }
    }
    .noResult{
        display: none;
    }
    .result{
        padding:0.3rem;
        p{
            width: 100%;
            height: 0.37rem;
            font-size: 0.26rem;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(51,51,51,1);
            line-height: 0.37rem;
            margin-bottom: 0.5rem;
        }
        .result_list{
            display: flex;
            flex-wrap: wrap;
            div{
                width: 48.5%;
                margin-bottom: 0.69rem;
                &:nth-child(odd){
                    margin-right: 0.2rem;
                }
                img{
                    width: 100%;
                    border-radius: 0.1rem;
                }  
                p{
                    margin-top: 0.39rem;
                    height: 0.36rem;
                    font-size: 0.28rem;
                    font-weight: bold;
                    color: rgba(51,51,51,1);
                }
                span{
                    margin-top: 0.2rem;
                    height: 0.3rem;
                    font-size: 0.24rem;
                    font-weight: 500;
                    color: #333333;
                }
            }
        }
        em{
            display: block;
            text-align: center;
            font-style: normal;
            color: rgba(51,51,51,0.3);
            font-size: 0.24rem;
            position: relative;
            &::before{
                content: "";
                height: 0.02rem;
                background:  rgba(51,51,51,0.3);
                width: 40%;
                position: absolute;
                left: 0;
                top: 50%;
            }
            &::after{
                content: "";
                height: 0.02rem;
                background:  rgba(51,51,51,0.3);
                width: 40%;
                position: absolute;
                right: 0;
                top: 50%;
            }
        }
    }
}